/* 封装axios用于发送请求 */
import axios from 'axios'
import { Toast } from 'vant'
import store from '@/store'

// 创建一个新的axios实例,将来对创建出来的实例，进行自定义配置 (重要)
// 好处：不会污染原始的 axios 实例
const request = axios.create({
    // 基地址
    baseURL: 'http://cba.itlike.com/public/index.php?s=/api/',
    // 超时时间
    timeout: 5000
})

// 自定义配置 - 请求/响应 拦截器
// 添加请求拦截器
request.interceptors.request.use(function (config) {
    // 在发送请求之前做些什么
    Toast.loading({
        message: '加载中...',
        forbidClick: true, // 禁止背景点击(相当于节流处理)
        loadingType: 'spinner', // 配置loading图标
        duration: 0 // 不会自动消失(默认2秒消失)
    })
    const token = store.getters.token
    if (token) {
        config.headers['Access-Token'] = token
        config.headers.platform = 'H5'
    }
    return config
}, function (error) {
    // 对请求错误做些什么
    return Promise.reject(error)
})
// request.interceptors.request.use(function (config) {
//     // 在发送请求之前做些什么
//     Toast.loading({
//         message: '加载中...',
//         forbidClick: true, // 禁止背景点击(相当于节流处理)
//         loadingType: 'spinner', // 配置loading图标
//         duration: 0 // 不会自动消失(默认2秒消失)
//     })
//     return config
// }, function (error) {
//     // 对请求错误做些什么
//     return Promise.reject(error)
// })


// 添加响应拦截器
request.interceptors.response.use(function (response) {
    // 对响应数据做点什么 (默认 axios会多包装一层，需要在响应拦截器中处理一下(扒掉一层))
    const res = response.data
    if (res.status !== 200) {
        // 同时只能存在一个 Toast
        Toast(res.message)
        // 抛出一个错误的promise
        return Promise.reject(res.message)
    } else {
        Toast.clear()
    }
    return res
}, function (error) {
    // 对响应错误做点什么
    return Promise.reject(error)
})

export default request